@charset "UTF-8";
body {
  padding-top: .26rem;
  padding-bottom: 1rem;
}
html {
  background-color: #fbfbfb;
}
/* public */
.f-28 {
  font-size: 0.28rem;
}
.c-fff {
  color: #fff;
}
/* public */
.sharing-item-div {
  margin: .18rem auto;
  width: 6rem;
  height: 2.4rem;
  background-color: #ffffff;
  box-shadow: 0.02rem 0.04rem 0.18rem 0rem 
    rgba(149, 149, 149, 0.4);
  border-radius: .1rem;
}
.sharing-item-div:first-child {
  margin: 0 auto;
}
.sharing-item-up {
  width: 100%;
  height: 1.73rem;
}
.sharing-item-img {
  width: 1.21rem;
  height: 1.21rem;
}
.sharing-item-content{
  width: 4rem;
  margin-left: .2rem;
}
.sharing-title {
  font-size: 0.24rem;
  color: #333;
}
.sharing-content {
  margin-top: .2rem;
  font-size: 0.18rem;
  color: #939393;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: .24rem;

}
.sharing-item-down{
  width: 100%;
  height: .66rem;
  padding: 0 .3rem;
}
.sharing-item-line {
  width: 5.8rem;
  opacity: 0.6;
  border-top: .01rem dashed #bfbfbf;
  margin: 0 auto;
}
.delete-img {
  width: .23rem;
  height: .23rem;
}
.share-img {
  width: .23rem;
  height: .23rem;
}
.item-text {
  margin-left: .14rem;
  font-size: .21rem;
  color: #333;
}





.box-4{
  width: 100vw;
  height: 1rem;
  position: fixed;
  bottom: 0;
  z-index: 999;
  box-shadow: -3px 2px 20px 0px rgba(0, 0, 0, 0.53);
  background-color: #fff;
}
.box-4 button{
  width: 5.8rem;
  height: 0.6rem;
  background-color: #5a7af6;
  box-shadow: 3px 4px 9px 2px 
  rgba(90, 122, 246, 0.45);
  border-radius: 0.3rem;
  border: none;
  outline: none;
}
